var nomorIndukList = [];
var editMode = false;

// dokumen JavaScript
$(document).ready(function(){
    
    $(function(){
       
        $('button').hover(
            function() {
                $(this).addClass('ui-state-hover');
            }, 
            function() {
                $(this).removeClass('ui-state-hover');
            }
            );
    });
    
    $('#info_siswa').hide();
    
    // Set keyboard typed handler untuk input Nomor Induk di tab Bayar SPP
//    $("#nomor").keyup(function(){
        var cari = $("#nomor").val();
        cariSiswa(cari);
        cariSppSiswa(cari);
//    });
//    $('#nomor').keyup();
    
    // persiapan tabs
    $('#tabs').tabs({
        selected: 0
    });
	
    // persiapan datepicker
    $("#tgl").datepicker({
        dateFormat:"dd-mm-yy"        
    });
    $('#tgl').val(formatFilterDate(new Date(), '-'));
    
    $("#tgl1").datepicker({
        dateFormat:"dd-mm-yy"        
    });
    $('#tgl1').val(formatFilterDate(new Date(), '-'));
    
    $("#tgl2").datepicker({
        dateFormat:"dd-mm-yy"        
    });
    $('#tgl2').val(formatFilterDate(new Date(), '-'));

    $("#jml").keypress(numericOnlyNoSymbol);
    
    // Set klik handler untuk tombol Simpan di tab Bayar SPP
    $("#simpan").click(function(){
        simpan();
    })
    
    // Set klik handler untuk tombol Baru di tab Bayar SPP
    $("#baru").click(function(){
        bersihkanPesan('#messages');
        
        var cari ='';
        $(".input").val('');
        $("#nomor").focus();
        cariSiswa(cari);
        cariSppSiswa(cari);
    })
    
    $("#jenis").change(function(){
        var cari = $("#jenis").val();
        cariJenis(cari);
    })
	
    // Set klik handler untuk tombol Cari di tab Transaksi Pertanggal
    $("#cari2").click(function(){
        var tgl1 = $("#tgl1").val();
        var tgl2 = $("#tgl2").val();
		
        if(tgl1.length == 0){
            pesanError('#messages', 'Tanggal tidak boleh kosong');
            $("#tgl1").focus();
            return;
        }
        if(tgl2.length == 0){
            pesanError('#messages', 'Tanggal tidak boleh kosong');
            $("#tgl2").focus();
            return;
        }
		
        cariData2(tgl1,tgl2);
    });
    
    // Set keyboard typed handler untuk input text di tab Tunggakan
    $("#txt_cari").keyup(function() {
        var cari = $("#txt_cari").val();
        cariData3(cari);
    });
    
    // Set klik handler untuk tombol Cari di tab Tunggakan
    $("#cari3").click(function(){
        var cari = $("#comboTa :selected").val();
        cariData3(cari);
    });
    
    getTahunAjaranList();
    getNomorIndukList();
	
    // Button update jumlah spp
    $('#btnUpdate').click(function() {
        var bulan = $('#jenis').val();
        if (bulan == '') {
            pesanError('#messages', 'Jenis SPP harus dipilih');
            return;
        }
        
        updateJumlahSpp();
    });
});

function updateJumlahSpp() {
    console.log('Update jumlah spp ...');
    
    var jumlah = $('#jml').val();
    var bulan = $('#jenis').val();
    
    var params = {};
    params.jumlah = jumlah;
    params.bulan = bulan;
    
    console.log('Params:');
    console.log(params);
    
    $.ajax({
        type        : 'POST',
        url         : 'urls/update_jumlah_spp.php',
        data        : params,
        dataType    : 'json',
        success     : function(data){
            console.log(data);
            if (data.status == 'OK') {
                pesanInfo('#messages', 'Jumlah SPP berhasil diubah');
            }
            
        },
        error       : function(data) {
            console.log(data);
        }
    });
    
}

function getTahunAjaranList() {
    console.log('Loading tahun ajaran ...');
    
    $.ajax({
        type        : 'POST',
        url         : 'urls/get_tahun_ajaran.php',
        data        : '',
        dataType    : 'json',
        success     : function(data){
            
            // console.log(data);
            
            var html = '';
            $.each(data, function(index, item) {
                html += '<option value="' + item + '">' + item + '</option>';
            });
            
            $('#comboTa').html(html);
            
        }
    });
}

function getNomorIndukList() {
    console.log('Loading nomor induk ...');
    
    $.ajax({
        type        : 'POST',
        url         : 'urls/get_list_nomor_induk.php',
        data        : '',
        dataType    : 'json',
        success     : function(data){
            
            console.log(data);
            
            $("#nomor").autocomplete({
                source: data,
                select: function(event, ui) {
                    var selected = ui.item.value;
                    cariSiswa(selected);
                    cariSppSiswa(selected);
                }
            });
            
        }
    });
}

function init() {
    $('#nomor').val('');
    $("#info_siswa").hide();
    $("#tampil_data1").html('');
}

function cariSiswa(e){
    var cari = e;
    $.ajax({
        type	: "POST",
        url	: "modul/simpanan/cari_anggota.php",
        data	: "cari="+cari,
        success	: function(data){
            if (data.trim() != '') {
                $("#info_siswa").html(data);
                $("#info_siswa").show();
            } else {
                $("#info_siswa").hide();
            }
        }
    });
}
    
function cariSppSiswa(e){
    var cari = e;
    $.ajax({
        type	: "GET",
        url	: "modul/simpanan/tampil_data1.php",
        data	: "cari="+cari,
        success	: function(data){
            if (data != '') {
                $("#tampil_data1").html(data);
            } else {
                $("#tampil_data1").html('');
            }
        }
    });
}

function cariJenis(e){
    console.log('cariJenis(' + e + ')');
    
    var cari = e;
    $.ajax({
        type	: "POST",
        url	: "modul/simpanan/cari_jenis.php",
        data	: "cari="+cari,
        dataType: "json",
        success	: function(data){
            console.log(data);
            $("#jml").val(data.jml);
        },
        error: function(data) {
            console.log(data);
        }
    });
}
	
function cariData2(e1,e2){
    var tgl1 = e1;
    var tgl2 = e2;
		
    $.ajax({
        type	: "POST",
        url	: "modul/simpanan/tampil_data2.php",
        data	: "tgl1="+tgl1+"&tgl2="+tgl2,
        success	: function(data){
            if (data != '') {
                $("#tampil_data2").html(data);
            } else {
                pesanError('#tampil_data2', 'Tidak ada transaksi pada tanggal yang dicari');
            }
        }
    });
}
    
function cariData3(e){
    var cari = e;
    $.ajax({
        type	: "POST",
        url	: "modul/simpanan/tampil_data3.php",
        data	: "cari="+cari,
        success	: function(data){
            $("#tampil_data3").html(data);
        }
    });
}

function simpan(){
    bersihkanPesan('#messages');
    
    var no	= $("#nomor").val();
    var tgl	= $("#tgl").val();
    var jenis	= $("#jenis").val();
    var jml	= $("#jml").val();

    if(no.length==0){
        alert('Maaf, Nomor Induk tidak boleh kosong');
        $("#nomor").focus();
        return;
    }
    if(tgl.length==0){
        alert('Maaf, Tanggal tidak boleh kosong');
        $("#tgl").focus();
        return;
    }
    if(jenis.length==0){
        alert('Maaf, Jenis SPP tidak boleh kosong');
        $("#jenis").focus();
        return;
    }
    if(jml.length==0){
        alert('Maaf, Jumlah tidak boleh kosong');
        $("#jml").focus();
        return;
    }
	
    console.log('edit mode: ' + editMode);

    $.ajax({
        type	: "POST",
        url	: "modul/simpanan/simpan.php",
        data	: "no="+no+
        "&tgl="+tgl+
        "&jenis="+jenis+
        "&jml="+jml+
        "&edit="+editMode,
        success	: function(data){
            //$("#tampil_data1").html(data);
            console.log(data);
            if (data == 'Data SPP sudah ada') {
                pesanError('#messages', data);
            } else {
                pesanInfo('#messages', data);
                $("#tampil_data1").load('modul/simpanan/tampil_data1.php?cari='+no);
            }
            
            editMode = false;
        }
    });
}